<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<div class="box">
			<img src="匹配规则图片/1.png" />
			<img src="匹配规则图片/2.png" />
			<img src="匹配规则图片/3.png" />
			<hr />
			<img src="匹配规则图片/4.png" />
			<img src="匹配规则图片/5.png" />
			<img src="匹配规则图片/6.png" />
		</div>
	</body>

</html>

<script type="text/javascript">
	var imgs = document.querySelectorAll('img');
	setTimeout(function () {
		for (var i = 0; i < imgs.length; i++) {
			var width = getComputedStyle(imgs[i]).width;
			imgs[i].style.width = (width.slice(0, -2) / 2).toFixed(0) + 'px';
		}
	}, 300);
</script>